<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查看挂号订单详情</title>
    <link rel="stylesheet" href="css/myself/public.css" type="text/css">
    <link rel="stylesheet" href="css/public/bootstrap.min.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/public/bootstrap-datetimepicker.min.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/myself/user_admin.css" type="text/css">
    <link rel="stylesheet" href="css/myself/look_registration.css" type="text/css">
    <link rel="stylesheet" href="css/myself/sideBar.css" type="text/css">
    <link rel="stylesheet" href="css/myself/scroll_init.css" type="text/css" >
</head>

<body>
<div class="main clearFloat">
    <!--右边的-->
    <div class="main_right fr">

        <!--头部的h1和admin-->
        <div class="header clearFloat">
            <ul class="fr clearFloat admin">
                <li>admin</li>
                <li><img src="images/ad1.jpg" alt="">修改密码</li>
                <li><img src="images/ad2.jpg" alt="">退出</li>
            </ul>
            <h1 class="fl">全民健康后台管理系统</h1>
        </div>

        <div class="wrap_percent">
            <div class="percent_div">
                <!--返回以及状态提示栏-->
                <div class="clearFloat">
                    <span class="back fl"><a href="registration.html">返&nbsp;&nbsp;回</a></span>
                    <input type="button" value="编辑" class="change-btn fl ed_margin edit_registration_order"><!--当订单状态是抢号中的时候,让这个两个按钮显示...-->
                    <input type="button" value="取消" class="change-btn fl ed_margin cancel_registration_btn">
                    <span class="fl fanhui"><a href="#">订单管理>></a></span>
                    <span class="fl fanhui"><a href="registration.html">挂号订单管理>></a></span>
                    <span class="fl fanhui" class="fl">查看挂号订单</span>
                </div>

                <!--有关已完成订单的信息-->
                <div class="shop_info">
                    <h2 class="tong">订单信息</h2>

                        <dl class="clearFloat css_tong">
                            <dt class="fl">订单状态</dt>
                            <dd class="fl orderStatus"></dd>
                        </dl>

                        <dl class="css_tong">
                            <dt class="">医生信息</dt>
                            <dd class="clearFloat">
                                <div class="img_div fl">
                                    <img src="" alt="" width="80" height="80">
                                </div>
                                <div class="doctor_info fl">

                                    <p class="clearFloat"><span class="doctor_profn fr">主任医师</span><span class="doctor_name fl">刘佳佳</span></p>
                                    <p class="clearFloat" style="padding: 0;"><span class="doctor_hospital fr">淮河医院</span><span class="doctor_office fl">三科室</span></p>
                                </div>

                            </dd>

                            <!--<dd class="fl change">修改</dd>-->
                        </dl>

                        <dl class="css_tong patient">
                            <dt class="">患者信息</dt>
                            <dd class=""><span class="fix_wid">姓名:</span><span class="patientName"></span></dd>
                            <dd class="num"><span class="fix_wid">手机号:</span><span class="patientPhone"></span></dd>
                            <dd class="num"><span class="fix_wid">身份证号:</span><span class="idCard"></span></dd>
                        </dl>
                    <!--常规状态的订单,让此DOM显示出来...-->
                        <dl class="css_tong seeDoctor_info">
                            <dt>就诊信息</dt>
                            <dd>
                                <ul class="">
                                    <li><span class="fix_wid">就诊时间:</span><span class="treatmentTime"></span></li>
                                    <li><span class="fix_wid">订单编号:</span><span class="orderNo"></span></li>
                                    <li><span class="fix_wid">医事服务费:</span><span class="price"></span></li>
                                    <li><span class="fix_wid">就诊医院:</span><span class="treatmentHospital"></span></li>
                                    <li><span class="fix_wid">就诊地址:</span><span class="treatmentHospitalAddress"></span></li>
                                    <li><span class="fix_wid">预约时间:</span><span class="scheduleTime"></span></li>
                                    <li><span class="fix_wid">支付方式:</span><span class="payType"></span></li>
                                    <!--<li><span class="fr expressSendTime"></span>发货时间:</li>-->
                                    <!--<li><span class="fr receiptTime"></span>完成时间:</li>-->
                                </ul>
                            </dd>
                        </dl>

                    <!--当订单状态点击编辑的时候,,,,此DOM显示出来.....-->
                        <dl class="css_tong editDoctor_info">
                            <dt>就诊信息</dt>
                            <dd>
                                <ul class="edit_seeDoctor_info">
                                    <li class="clearFloat">
                                        <span class="fix_wid fl">就诊时间:</span>
                                        <div class="controls input-append date form_datetime_start fl" data-link-field="hidden_starttime">
                                            <input size="16" type="text" value="" readonly class="start_time">
                                            <span class="add-on"><i class="icon-remove"></i></span>
                                            <span class="add-on"><i class="icon-th"></i></span>

                                        </div>
                                        <div class="tips fl">*必填项不能为空</div>
                                        <input type="hidden" id="hidden_starttime" value="" />

                                    </li>
                                    <li class="clearFloat">
                                        <span class="fix_wid fl">就诊时间段:</span>
                                        <span class="fl">
                                            <select class="religion treatmentPeriod">
                                                <option value="0">上午</option>
                                                <option value="1">下午</option>
                                            </select>
                                        </span>
                                        <div class="tips fl">*必填项不能为空</div>

                                    </li>
                                    <li class="clearFloat">
                                        <span class="fix_wid fl">就诊医院:</span>
                                        <span class="fl">
                                            <select class="religion treatmentHospital">
                                                <!--<option value="">淮河医院</option>-->
                                                <!--<option value="">河南医院</option>-->
                                            </select>
                                        </span>
                                        <span class="fl" style="margin: 0 0 0 10px"><input type="text" class="input_treatmentHospital"></span>

                                        <div class="tips fl">*必填项不能为空</div>

                                    </li>
                                    <li class="clearFloat">
                                        <span class="fix_wid fl">就诊地址:</span>
                                        <span class="fl"><input type="text" class="treatmentHospitalAddress"></span>
                                        <div class="tips fl">*必填项不能为空</div>

                                    </li>
                                    <li class="clearFloat">
                                        <span class="fix_wid fl">医事服务费:</span>
                                        <span class="fl"><input type="number" class="price"></span>
                                        <div class="tips fl">*必填项不能为空</div>

                                    </li>
                                    <li>
                                        <span class="fix_wid">订单编号:</span>
                                        <span class="orderNo"></span>
                                    </li>
                                    <li><span class="fix_wid">预约时间:</span><span class="scheduleTime"></span></li><!--创建抢号订单的时间-->
                                    <li><span class="fix_wid">支付方式:</span><span class="">线上支付</span></li>
                                </ul>
                            </dd>
                        </dl>

                        <div class="div_save">
                            <!--<input type="button" value="取消" class="change-btn cancel_registration_info">-->
                            <input type="button" value="保存" class="change-btn save_registration_info">
                        </div>


                </div>

            </div>

        </div>


    </div>


    <!--左边的logo&侧边栏-->
    <div class="main_left fl">

        <div class="setSideBarPosition div_scroll">

            <div>

                <div class="logo"><img src="images/logo1.jpg" alt="全民健康"></div>
                <!--引用jqueryUI写出来的侧边栏-->
                <div id="accordion"></div>

            </div>

        </div>

    </div>

</div>

</div>

<!--遮罩层-->
<div class="mask-change"></div>

<!--点击保存的时候...弹出来的确认挂号订单的信息...-->
<div class="confirm_order">
    <h3>请确认订单信息...</h3>

    <dl class="css_tong">
        <dt class="">医生信息</dt>
        <dd class="clearFloat">
            <div class="img_div fl">
                <img src="" alt="" width="80" height="80">
            </div>
            <div class="doctor_info fl">

                <p class="clearFloat"><span class="doctor_profn fr"></span><span class="doctor_name fl"></span></p>
                <p class="clearFloat" style="padding: 0;"><span class="doctor_hospital fr"></span><span class="doctor_office fl"></span></p>
            </div>

        </dd>

        <!--<dd class="fl change">修改</dd>-->
    </dl>

    <dl class="css_tong patient">
        <dt class="">患者信息</dt>
        <dd class=""><span class="fix_wid">姓名:</span><span class="patientName"></span></dd>
        <dd class="num"><span class="fix_wid">手机号:</span><span class="patientPhone"></span></dd>
        <dd class="num"><span class="fix_wid">身份证号:</span><span class="idCard"></span></dd>
    </dl>
    <!--弹框,让此DOM显示出来...-->
    <dl class="css_tong show_edit_info">
        <dt>就诊信息</dt>
        <dd>
            <ul class="">
                <li><span class="fix_wid">就诊时间:</span><span class="bounce_time"></span></li>
                <li><span class="fix_wid">就诊时间段:</span><span class="bounce_period"></span></li>
                <li><span class="fix_wid">订单编号:</span><span class="bounce_orderNum"></span></li>
                <li><span class="fix_wid">医事服务费:</span><span class="bounce_price"></span></li>
                <li><span class="fix_wid">就诊医院:</span><span class="bounce_hospital"></span></li>
                <li><span class="fix_wid">就诊地址:</span><span class="bounce_address"></span></li>
                <li><span class="fix_wid">预约时间:</span><span class="bounce_appoint"></span></li>
                <li><span class="fix_wid">支付方式:</span><span class="">线上支付</span></li>

            </ul>
        </dd>
    </dl>

    <div class="confirm_div">
        <input type="button" class="change-btn margin_confirm chang-cancle" value="取消">
        <input type="button" class="change-btn sure_save_edit" value="确定">
    </div>

</div>

<!--点击取消的时候...弹出来取消的提示弹框...-->
<div class="cancel_registration_order">
    <h2>
        确定要取消订单吗?
        <br>
        取消以后订单将不可恢复
    </h2>
    <p class="chang-p"><input type="button" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn sure_cancel" value="确定"></p>
</div>

<!--修改密码的弹出框-->
<div class="chang-password">
    <div class="cancle"><img src="images/cha.png" alt=""></div>
    <h2>修改密码</h2>
        <p><label for="now">新密码</label><input type="password" id="now" required name="newpassword"><span class="noEmpty">*不能为空</span></p>
        <p>
            <label for="con">再次输入新密码</label><input type="password" id="con" required name="reInput">
            <span class="noEmpty">*不能为空</span>
            <span class="noCommon">*与上面的不一致</span>
        </p>

        <p class="chang-p"><input type="submit" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn sure-change-password" value="确定"></p>

</div>

<!--确定是否要退出-->
<div class="tuichu every-tuichu">
    <h2>是否退出登录</h2>
    <p class="chang-p"><input type="button" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn sure-exit" value="确定"></p>
</div>


</body>
<!--页面需要用到的JS文件-->
<script type="text/javascript" src="js/public/jquery.js"></script>
<script type="text/javascript" src="js/public/base64.js"></script>
<script type="text/javascript" src="url/address.js"></script>
<script type="text/javascript" src="js/public/mousewheel.js"></script>
<script type="text/javascript" src="js/public/easyscroll.js"></script>
<script type="text/javascript" src="js/myself/public.js"></script>
<script type="text/javascript" src="js/public/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="js/public/bootstrap-datetimepicker.fr.js"></script>
<script type="text/javascript" src="js/myself/registration_common.js"></script>
<!--<script type="text/javascript" src="js/myself/look_registration.js"></script>-->
<script>

    var t = new Date();

    var file = document.createElement('script');
    file.src = 'js/myself/look_registration.js?ver=' + t.getTime();
    var html = document.getElementsByTagName('body')[0];
    html.appendChild( file );

</script>

</html>
